/*!*  5web by @巨川网络 - http://wwww.juchuanwl.com */
/* 响应开始 */
@media only screen and (max-width:1920px)
{
    .width{width:1480px;}

}

@media only screen and (max-width:1360px)
{
    .width{width:1280px;}

}

@media only screen and (max-width:1280px)
{
    .width{width:1200px;margin:20px auto;}

    .contact-item {width: 31%;margin: 0 0 1% 2%;}
    .contact-item:nth-child(1){width: 48%;}
    .contact-item:nth-child(2){width: 48%;}

}

@media only screen and (max-width:1024px)
{
    .width{width:96%;}
    .header{height:60px;background:#fff;border-radius:10px 10px 0 0;box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);}
	.header .logo{max-width:400px;}
	.header .logo img{max-height:60px;padding:5px 0 5px 5px;}
	.header .hotline{display:none;}
	.header .navbar{display:block;}
	.menu,.nav{display:none;}

    .banner .ui-carousel-page li.active{width:10px;}
	.banner .ui-carousel-page{bottom:10px;}
	.ui-carousel-prev,.ui-carousel-next{display:none;}

    #offside-nav{min-width:85%;}
	.ui-collapse-menu-title{padding-left:10px;}
	.ui-collapse-menu-title.active{background:#fff;}
	.ui-collapse-menu-title.active a{color:#363e45;}

    .position{display:none;}
	.subnav{padding:0 10px;margin:10px 0 5px 0;}
	.subnav ul{flex-wrap:wrap;justify-content:flex-start}
	.subnav ul li{flex:0 0 50%;max-width:50%;margin-left:0;margin-bottom:10px;}
	.subnav ul li a{padding:8px 10px;font-size:14px;text-align:center;}
	.subnav ul li:nth-child(1n){padding-right:5px;padding-left:0;}
	.subnav ul li:nth-child(2n){padding-right:0;padding-left:5px;}

    .ui-pro .ui-piclist-item{padding:5px 5px 4px 5px;}
	.ui-pro .ui-piclist-item:hover{transform:translateY(0px)}
	.ui-piclist{margin:0 0 0 0}
	.ui-piclist .ui-piclist-item{width:47.5%;margin:0 0 15px 15px;}

    .main_page_item:first-child{padding-right:20px;width: 50%;}
    .main_page_item:last-child{padding-left:20px;width: 50%;}

    .ui-tabs .table{display:none;}

    .ui-show-title h1 {font-size: 28px;}

    .news-item{width:48%;margin:0 0 2% 2%;background:#fff;padding:20px;border-radius:10px;transition:all 0.5s ease;}

    .contact-item {width: 48%;margin: 0 0 1% 2%;}
    .contact-item:nth-child(1){width: 48%;}
    .contact-item:nth-child(2){width: 48%;}
    .contact-item:last-child{width:98%;}

    .ui-btn{margin-bottom: 5px;}

}

/*Pad pro*/
@media only screen and (max-width:1000px)
{
    .ui-seo .notice{display:none;}
    .ui-seo .search{width: 100%;}
    .ui-seo .search input{width:100%;}
    .ui-show-title h1 {font-size: 24px;}

    .web-footnav{display:block;}
    .ui-sidebar{display:none;}

    .ui-btn{padding: 0 10px;line-height:28px;margin-bottom: 5px;}
}

/*Pad*/
@media screen and (max-width:768px)
{
    .width{width:98%;padding: 10px;}
    .html{padding:15px;}

    .pc-banner{display:none;}
    .m-banner{display:block;}

    .ui-piclist{margin:0 0 0 0}
	.ui-piclist .ui-piclist-item{width:47.5%;margin:0 0 5px 5px;}
    .media .ui-piclist-item{padding:8px;}
    .news-item {width: 98%;margin: 0 0 6% 2%;}
    .news-item .list {padding: 20px 0 0 0;}

    .pagelist .page-status{display:none;}
    .pagelist .page-index{display:none;}
    .pagelist .page-pre{display:none;}
    .pagelist .page-numbar{display:inline-block;}
    .pagelist .page-next{display:none;}
    .pagelist .page-last{display:none;}
    .pagelist a {padding: 4px 12px;border-radius: 25px;}

    .main_page {padding: 10px;}
    .main_page_wrap {margin: 0 auto;padding: 0;display:block;}
    .main_page_item:first-child{padding-right:0;width: 100%;}
    .main_page_item:last-child{padding-left:0;width: 100%;}
    .ui-pro-show{padding: 2px;}
    .ui-pro-show .ui-tabs-white>.ui-tabs-nav li a{padding: 15px 18px;}
    .ui-show-title h1 {font-size:20px;}

    .prenext{display:flex;flex-wrap:wrap;margin-top:10px;}
    .prenext-item{width:100%;margin-top:10px;}
    .prenext-item:nth-child(odd){padding-left:0;padding-right:0;}
    .prenext-item:nth-child(even){padding-left:0;padding-right:0;}

    .like-news .ui-col-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .like-news .ui-pr-15{padding-left: 0;}
    .like-news .ui-pl-15{display:none;}

    .contact-item {width: 98%;margin: 0 0 1% 2%;}
    .contact-item:nth-child(1){width: 98%;}
    .contact-item:nth-child(2){width: 98%;}

}

/*mobile*/
@media screen and (max-width:640px)
{

}